<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="./css/login.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2749103_p8t9u9opwqi.css">
</head>

<body>
    <!-- <div class="header w">
        <div class="header-search">
            <ul>
                <li><a href="">注册</a></li>
                <li><a href="">登录</a></li>
                <li>
                    <span><a href="" class="iconfont icon-gerenzhongxin-zhong">账户</a></span>
                </li>
                <li>
                    <span><a href="" class="iconfont icon-xin">收藏夹</a></span>
                </li>
                <li>
                    <i></i>
                    <span><a href="" class="iconfont icon-xinfeng">站内信</a></span>
                </li>
                <li>
                    <i></i>
                    <span><a href="" class="iconfont icon-erji">联系客服</a></span>
                </li>
                <li>
                    <i></i>
                    <span><a href="" class="iconfont icon-f-shop">门店购买</a></span>
                </li>
                <li>
                    <span class="iconfont icon-fangdajing"></span>
                    <input type="text" name="" id="" placeholder="站内搜索" class="zhannei-sousuo ">
                </li>
            </ul>
        </div>
    </div> -->

    <!-- <div class="logoBox w">
        <img src="./images/LOGO.gif" alt="" class="logo fl">
        <ul class="fl fs14">
            <li><a href="">女 装&nbsp;WOMEN</a></li>
            <li><a href="">男 装&nbsp;MEN</a></li>
            <li><a href="">童 装&nbsp;KIDS</a></li>
            <li><a href="">婴 幼 儿 装&nbsp;BABY</a></li>
        </ul>
        <div class="logoRight fr">
            <ol>
                <li>
                    <a href="">防诈骗公告</a>
                </li>
                <li>
                    <a href="">网上购买指南</a>
                </li>
                <li>
                    <a href="">关注我们</a>
                </li>
                <li>
                    <a href="" class="gonggao">公告区</a>
                </li>
                <li>
                    <a href="" class="dianpu">店铺资料</a>
                </li>
            </ol>
        </div>
    </div> -->

    <div class="newEnroll w">用户登录</div>

    <!-- 表单 -->
    <div class="center-content w">
        <!-- left start -->
        <div class="left fl">
            <div class="login-from">
                <div class="left-title fs14">动态验证么登录</div>
                <div class="left-smallTitle fs12">如果您已经是优衣库会员，请使用动态验证码登录</div>
                <form>
                    <!-- 中国大陆 -->
                    <div class="input-area pos-r">
                        <span class="chineseRoad">中国大陆</span>
                        <input type="text" class="inputArea">
                        <span class="biaoshi">+86</span>
                        <span class="triangle pos-a"></span>
                    </div>
                    <!-- 手机号 -->
                    <div class="phone-number">
                        <div class="phoneNum">用户名 ※</div>
                        <div class="input-number">
                            <span class="iconfont icon-gerenzhongxin-zhong"></span>
                            <input type="text" class="num" name="user" placeholder="用户名">
                        </div>
                    </div>
                    <!-- 验证码 -->
                    <div class="identifying-code">
                        <div class="phoneNum">密码 ※</div>
                        <div class="input-identifying-code">
                            <input type="password" name="pwd" class="idf-card fl" placeholder="密码">
                        </div>
                    </div>
                    <!-- 登录 -->
                    <button class="user-login">登录</button>
                </form>

                <!-- 第三方登录 -->
                <div class="third-login fs14">
                    <span class="line fl"></span>
                    <span class="zhanghu-login fl">第三方账号登录</span>
                    <span class="line fl"></span>
                </div>

                <!-- 第三方登陆图标 -->
                <div class="zitiImg">
                    <ul>
                        <li class="iconfont icon-weixinicon2x"></li>
                        <li class="iconfont icon-zhifubao"></li>
                        <li class="iconfont icon-xinlang"></li>
                        <li class="iconfont icon-QQ"></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- left end -->

        <!-- right start -->
        <div class="right fl">
            <div class="right-content">
                <div class="right-userEnroll">用户注册</div>
                <div class="right-newUserEbroll fs14">

                    <a href="http://127.0.0.1:8080/zhuce.html" style="color: #fff;">新用户注册</a>
                </div>
            </div>
        </div>
        <!-- right end -->
    </div>


    <!-- 下面导航栏 -->
    <!-- <div class="footer1 w">
        <img src="./images/footer_logo.gif" alt="" class="footerLogo fl">
        <div class="footerNav fl">
            <ul>
                <li><a href="https://www.uniqlo.cn/shop/shop_list.html">店铺资料</a></li>
                <li><a href="https://event.uniqlo.cn/hrchina/recruitment/">招聘信息</a></li>
                <li><a href="#">访问权限</a></li>
                <li><a href="https://www.uniqlo.cn/privacy_policy.html">隐私保护</a></li>
            </ul>
        </div>
    </div> -->

    <!-- 下面安全系统 -->
    <!-- <div class="footer2 w fs12">讯销（中国）商贸有限公司</div> -->
</body>

</html>

<script src="./js/jquery.js"></script>
<script src="./js/login.js"></script>
<script src="./js/layer/layer.js"></script>